<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="google-site-verification" content="yaeorbXgKPwp5BDegBtAJEHYWFEFE-BViWTj74gJPrw" />
<!--  -->
<link href="/css/default.css" type="text/css" rel="stylesheet" />
<!--  -->
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/lang/cn.js"></script>
<script type="text/javascript" src="/js/mac/core.min.js"></script>
<title></title>
<script type="text/javascript" src="/js/mac/webapp.min.js"></script>
<link href="/css/default/mac/tabs/tabs.min.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/js/mac/tabs.min.js"></script>
</head>
<body>
<style type="text/css">
.tab1 { background-color: #00ffff; }
.tab2 { background-color: #ff00ff; }
.tab3 { background-color: #00ff00; }
.tabs .body { border: 1px solid red; }
</style>
<script type="text/javascript">
$(function(){
	var tabs = $('.tabs');
	tabs.mac('tabs', {
		//tabWidth: 120,//Use auto width
		tabHeight: 28,//default 26
		speed: 8, //default 6
		hbarHeight: 1, //default 2
		items: [{
			code: 'tab1',
			title: 'Default Height Tab',
			url: '/mac/js/tabs/tab3.html',
			autoLoad: true,
			height: '100%',
			bodyCls: 'tab1'
		},{
			code: 'tab2',
			title: 'Auto Height Tab',
			url: '/mac/js/tabs/tab4.html',
			autoLoad: false,
			height: 'auto',
			bodyCls: 'tab2'
		},{
			code: 'tab3',
			title: 'Fix Height Tab',
			url: '/mac/js/tabs/tab5.html',
			autoLoad: false,
			height: 200,
			bodyCls: 'tab3'
		}]
	}).selectFirst();
});
</script>
<div class="tabs" style="height: 410px; margin: 4px;"></div>argin: 4px;"></div></body>
</html>
